<style>
    .bg{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:999;top:0;display:none;}
</style>
<form class="layui-form search-form">
     <div class="layui-input-inline">
        <input class="layui-input" name="keywords" placeholder="发布内容关键字" type="text"/>
    </div>
   
    <div class="layui-input-inline">
        <input class="layui-input" name="date" placeholder="请选择发布时间" type="text" readonly="" id="test1"/>
    </div>
    <button class="layui-btn layui-btn-sm" lay-filter="searchform" lay-submit="">
        <i class="fa fa-search">
        </i>
        查询
    </button>
</form>
<table class="layui-table data-table" lay-filter="data_table">
</table>
<div class="bg">
       <div style="width:100%;height: 100%; display:block; display: flex; justify-content: center; align-items: center; " class="table">
        <img src="" class="max-img" style="max-height:100%; display: inline-block;">
    </div>

</div>
<script id="toolbar_normal" type="text/html">
    
    <a class="layui-btn layui-btn-xs layui-btn-danger" lay-event="del">
        <i class="fa fa-trash-o">
        </i>
        删除
    </a>
</script>
{load href="__module__/before/nearby/index.js" /}
<script>
    $('.bg').click(function(){
        $(this).hide();
    })
    layui.use('laydate', function(){
        var laydate = layui.laydate;
      
        //执行一个laydate实例
        laydate.render({
            elem: '#test1' //指定元素
        });
    });
</script>
